<script lang="ts">
import {defineComponent} from 'vue'
import {assTextToLyricsInfos, LyricsInfo} from "@/components/MusicPlay/LyricsInfo";
import LyricList from "@/components/MusicPlay/LyricList.vue";

export default defineComponent({
  name: "TestLyricList",
  components: {LyricList},
  data() {
    return {
      time: 159190,
      lyricsInfos: assTextToLyricsInfos()
    }
  },
  methods: {
    divClick() {
      this.time+=0.3*1000
      // if(this.time === 25230) {
      //   this.time = 20390
      // } else {
      //   this.time = 25230
      // }
    }
  }
})
</script>

<template>
  <div style="display: flex;flex-direction: column;height: 100%">
    <div>
      <el-button @click="divClick">
        454654
      </el-button>
      <el-input-number
        v-model="time"
      ></el-input-number>
    </div>
    <div style="flex: auto;overflow: hidden">
      <LyricList
        :time="time"
        :lyrics-infos="lyricsInfos"
        @playStart="e=>{time=e;}"
      ></LyricList>
    </div>

  </div>
</template>

<style scoped lang="scss">

</style>
